<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="/js/js/axios.js"></script>
</head>
<body>
    <h1>发get请求</h1>
    <button onclick="test()">天气</button>
    <script>
        //axios.defaults.baseURL='http://localhost:3000';
        //JSON Web Token (JWT)是一个开放标准(RFC 7519)，它定义了一种紧凑的、自包含的方式，用于作为JSON对象在各方之间安全地传输信息。该信息可以被验证和信任，因为它是数字签名的。
        //发请求带令牌
        //axios.defaults.headers['token']="jiedeHx.zhangsann.xxxxx";

        //请求拦截
        axios.interceptors.request.use((config)=>{
            console.log('请求拦截器成功进入拦截器',config);
            return config;//放行拦截器
        },(err)=>{console.log(err)})

        //响应拦截器
        axios.interceptors.response.use((config)=>{
            console.log('响应拦截器成功进入拦截器',config);
            return config;
        },(err)=>{console.log(err)})

        //  let url="https://restapi.amap.com/v3/weather/weatherInfo?city=110101&key=878e50bc7eec89038d6747ff944b0d7e";
        //  axios.get(url).then(function(ret){
        //     console.log(ret)
        //     console.log(ret.data.lives[0])
        //  })

        //天气简化版 es7 关键字 简化axios
        let url="https://restapi.amap.com/v3/weather/weatherInfo?city=110101&key=878e50bc7eec89038d6747ff944b0d7e";
        async function test(){
            let ret=await axios.get(url);
            console.log('天气',ret);
         }


        // get带参
        // let url="https://restapi.amap.com/v3/weather/weatherInfo";
        // let obj={
        //     params:{
        //         key:'878e50bc7eec89038d6747ff944b0d7e',
        //         city:'110101'
        //     }
        // };
        //  axios.get(url,obj).then(function(ret){
        //     console.log(ret)
        //     console.log(ret.data.lives[0]);
        //  })

        // post
        // let url="http://localhost:3000/books";
        // let obj={
        //     userName:'小明',
        //     userPwd:'ws12'
        // }
        //  axios.post(url,obj).then(function(ret){
        //     console.log(ret)

        //     console.log(ret.data);
        //  })

        //delete put
        // 路径传参
        // let url="/movie/390828";
        
        //  axios.delete(url).then(function(ret){
            
        //     console.log(ret)

        //     console.log(ret.data);
        //  })


    </script>
</body>
</html>